<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // 关于 cookie 、 sessionStorage 、 localStorage 三者的区别主要如下：
        // 1、存储⼤⼩： cookie 数据⼤⼩不能超过 4k ， sessionStorage 和 localStorage 虽然也
        // 有存储⼤⼩的限制，但⽐ cookie ⼤得多，可以达到5M或更⼤

        // 2、有效时间： localStorage 存储持久数据，浏览器关闭后数据不丢失除⾮主动删除数据； ses
        // sionStorage 数据在当前浏览器窗⼝关闭后⾃动删除； cookie 设置的 cookie 过期时间之前
        // ⼀直有效，即使窗⼝或浏览器关闭

        // 3、数据与服务器之间的交互⽅式， cookie 的数据会⾃动的传递到服务器，服务器端也可以写 coo
        // kie 到客户端； sessionStorage 和 localStorage 不会⾃动把数据发给服务器，仅在本地
        // 保存

        /**
         * 标记⽤户与跟踪⽤户⾏为的情况，推荐使⽤ cookie
         * 适合⻓期保存在本地的数据（令牌），推荐使⽤ localStorage
         * 敏感账号⼀次性登录，推荐使⽤ sessionStorage
         * **/ 
    </script>
</body>
</html>